<template>
    <div id="log">
        <el-tabs v-model="curTab" type="card" >
            <el-tab-pane label="登录日志" name="login" v-buttonPms="['log','login']">
                <loginList :initData="taskStatusList"></loginList>
            </el-tab-pane>
            <el-tab-pane label="操作日志" name="opt" v-buttonPms="['log','opt']" v-if="false">
                <optList  :initData="taskStatusList"></optList>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import loginList from './login-list'
import optList from './opt-list'
export default {
    components:{
        loginList,
        optList,
    },
    data(){
        return{
            curTab:'login',
        }
    },
    computed:{
        taskStatusList(){
            var statusList=JSON.parse(localStorage.getItem('statusList'))
            return statusList.operationStatus
        }
    },
    methods: {
       

    },
    created(){
       
    }

}
</script>
<style scoped lang="scss">
#log{
    height: 100%;
}

</style>
<style scoped lang="scss">
/deep/ .el-tabs{
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .el-tabs__header{
        margin-bottom: 0px;
        .el-tabs__nav{
            width: 100%;
            border: none;
            .el-tabs__item{
                width: 150px;
                text-align:center;
                border-left: none;
                border-right: 1px solid #295B9C;
                &.is-active{
                    border-bottom-color:#0e2443;
                }
            }
        }
    }
    .el-tabs__content{
        flex: 1;
        overflow: hidden;
        .el-tab-pane{
            height: 100%;
        }
    }
}

</style>


